<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Defect Tracking</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

</head>
<body> 
<!-- Start: page-top-outer -->
<div id="page-top-outer">    

    <!-- Start: page-top -->
    <div id="page-top">
    
        <!-- start logo -->
        <div id="logo">
        <a href=""><img src="images/shared/logo2.png" width="293" height="75" alt="" /></a>
        </div>
        <!-- end logo -->
        <div class="clear"></div>
    
    </div>
    <!-- End: page-top -->

</div>
<!-- End: page-top-outer -->

<div id="content-outer">

	<!-- start content -->
    <div id="content">
    
    	<div id="page-heading"><h1>Register</h1></div>
    
        <table border="0" cellpadding="0" cellspacing="0" id="content-table">
        <tr>
            <th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
            <th class="topleft"></th>
            <td id="tbl-border-top">&nbsp;</td>
            <th class="topright"></th>
            <th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
        </tr>
        <tr>
            <td id="tbl-border-left"></td>
            <td>
            
                <!--  start content-table-inner -->
                <div id="content-table-inner">
                
                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tr valign="top">
                        <td>
              
                            <!-- start id-form -->
                            <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
                            <tr>
                                <th valign="top">First Name:</th>
                                <td><input type="text" class="inp-form"/></td>
                                <td></td>
                            </tr>
                            <tr>
                                <th valign="top">Last Name:</th>
                                <td><input type="text" class="inp-form-error" /></td>
                                <td>
                                    <div class="error-left"></div>
                                    <div class="error-inner">This field is required.</div>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">User Name:</th>
                                <td><input type="text" class="inp-form-error" /></td>
                                <td>
                                    <div class="error-left"></div>
                                    <div class="error-inner">This field is required.</div>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Password:</th>
                                <td><input type="password" class="inp-form-error" value="*********" onfocus="this.value=''" /></td>
                                <td>
                                    <div class="error-left"></div>
                                    <div class="error-inner">This field is required.</div>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Confirm Password:</th>
                                <td><input type="password" class="inp-form-error" value="*********" onfocus="this.value=''" /></td>
                                <td>
                                    <div class="error-left"></div>
                                    <div class="error-inner">This field is required.</div>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Email:</th>
                                <td><input type="text" class="inp-form-error" /></td>
                                <td>
                                    <div class="error-left"></div>
                                    <div class="error-inner">Email is invalid.</div>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Address:</th>
                                <td><input type="text" class="inp-form" /></td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <th valign="top">Group Name:</th>
                                <td><input type="text" class="inp-form-error" /></td>
                                <td>
                                	<div class="error-left"></div>
                                    <div class="error-inner">This field is required.</div>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td valign="top">
                                    <input type="button" value="" class="form-submit" />
                                    <input type="reset" value="" class="form-reset"  />
                                </td>
                                <td></td>
                            </tr>
                            </table>
                            <!-- end id-form  -->
                
                        </td>
                 	</tr>
                    </table>
           
                <div class="clear"></div>
          
                </div>
                <!--  end content-table-inner  -->
      
      		</td>
			<td id="tbl-border-right"></td>
		</tr>
      	<tr>
            <th class="sized bottomleft"></th>
            <td id="tbl-border-bottom">&nbsp;</td>
            <th class="sized bottomright"></th>
      	</tr>
		</table>
    
    	<div class="clear">&nbsp;</div>
    
    </div>
    <!--  end content -->
    <div class="clear">&nbsp;</div>
    
</div>
<!--  end content-outer -->
<div class="clear">&nbsp;</div>
 
 <!-- start footer -->         
<div id="footer">
	<!--  start footer-left -->
	<div id="footer-left">
	Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->

</body>
</html>